<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  />
    <title>心情-夜空</title>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/gener.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/gener.js"></script>
    <script src="js/index.js"></script>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

</head>
<body>
<video style="display: none" autoplay="autoplay" loop="loop">
    <source src="music/back4.mp3">
    <source src="music/back5.mp3">
</video>
<div id="content">
    <input type="radio" name="sele" id="sele1" checked="checked">
    <input type="radio" name="sele" id="sele2">
    <input type="radio" name="sele" id="sele3">
    <input type="radio" name="sele" id="sele4">
    <div id="ye" class="page" ></div>
    <div id="zhuanjiao" class="page"></div>
    <div id="hua" class="page"></div>
    <div id="ming" class="page"></div>
</div>
<div id="pagemask">

</div>
<nav id="navrect">
    <!--这是导航栏区域-->
    <div id="navbutton" class="hoverbutton"></div>
    <div id="navbar">
        <div>夜
        </div>
        <div>转角</div>
        <div>花</div>
        <div>明</div>
    </div>
</nav>

</body>
</html>